/*设置公告样式样式*/
.fl{
    float:left;
}
.fr{
    float:right
}
.c{
    clear: both;
}

/*宽度*/
.w-100{
    width:100%;
}
.w-980px{
    width: 980px;
}
/*高度*/
.h-100{
    height: 100%;
}
/*外间距*/

/*顶部*/
.mt-0{
    margin-top: 0px;
}
.mt-1{
    margin-top:5px;
}
.mt-2{
    margin-top:10px;
}
.mt-3{
    margin-top: 15px;
}
.mt-4{
    margin-top: 20px;
}
/*左侧*/
.ml-0{
    margin-left: 0px;
}
.ml-1{
    margin-left:5px;
}
.ml-2{
    margin-left: 10px;
}
.ml-3{
    margin-left: 15px;
}
.ml-4{
    margin-left: 20px;
}
/*底部*/
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 5px;
}
.mb-2{
    margin-bottom: 10px;
}
.mb-3{
    margin-bottom: 15px;
}
.mb-4{
    margin-bottom: 20px;
}
/*右侧外间距*/
.mr-0{
    margin-right: 0px;
}
.mr-1{
    margin-right: 5px;
}
.mr-2{
    margin-right: 10px;
}
.mr-3{
    margin-right: 15px;
}
.mr-4{
    margin-right: 20px;
}
/*水平方向外间距*/
.mx-0{
    margin-left:0px;
    margin-right:0px;
}
.mx-1{
    margin-left:5px;
    margin-right:5px;
}
.mx-2{
    margin-left:10px;
    margin-right:10px;
}
.mx-3{
    margin-left:15px;
    margin-right:15px;
}
.mx-4{
    margin-left:20px;
    margin-right:20px;
}
/*垂直方向外间距*/
.my-0{
    margin-top:0px;
    margin-bottom:0px;
}
.my-1{
    margin-top:5px;
    margin-bottom:5px;
}
.my-2{
    margin-top:10px;
    margin-bottom:10px;
}
.my-3{
    margin-top:15px;
    margin-bottom:15px;
}
.my-4{
    margin-top:20px;
    margin-bottom:20px;
}
/*块状元素居中*/
.m-auto{
    margin-left: auto;
    margin-right: auto;
}
/*同时设置四个方向外间距*/
.m-0{
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.m-1{
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.m-2{
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.m-3{
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.m-4{
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
}
/*内间距*/

/*同时设置四个方向内间距*/
.p-0{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}
.p-1{
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
}
.p-2{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}
.p-3{
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
}
.p-4{
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
}
/*设置顶部内间距*/
.pt-0{
    padding-top: 0px;
}
.pt-1{
    padding-top: 5px;
}
.pt-2{
    padding-top: 10px;
}
.pt-3{
    padding-top: 15px;
}
.pt-4{
    padding-top: 20px;
}
/*设置左侧内间距*/
.pl-0{
    padding-left: 0px;
}
.pl-1{
    padding-left: 5px;
}
.pl-2{
    padding-left: 10px;
}
.pl-3{
    padding-left: 15px;
}
.pl-4{
    padding-left: 20px;
}
/*设置右侧内间距*/
.pr-0{
    padding-right: 0px;
}
.pr-1{
    padding-right: 5px;
}
.pr-2{
    padding-right: 10px;
}
.pr-3{
    padding-right: 15px;
}
.pr-4{
    padding-right: 20px;
}
/*设置底部内间距*/
.pb-0{
    padding-bottom: 0px;
}
.pb-1{
    padding-bottom: 5px;
}
.pb-2{
    padding-bottom: 10px;
}
.pb-3{
    padding-bottom: 15px;
}
.pb-4{
    padding-bottom: 20px;
}
/*设置垂直方向内间距*/
.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-1{
    padding-top: 5px;
    padding-bottom: 5px;
}
.py-2{
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-3{
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-4{
    padding-top: 20px;
    padding-bottom: 20px;
}
/*设置水平方向内间距*/
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.px-1{
    padding-left: 5px;
    padding-right: 5px;
}
.px-2{
    padding-left: 10px;
    padding-right: 10px;
}
.px-3{
    padding-left: 15px;
    padding-right: 15px;
}
.px-4{
    padding-left: 20px;
    padding-right: 20px;
}
/*边框*/
.border{
    border:1px solid var(--border-40)
}
.border-top{
    border-top: 1px solid var(--border-40)
}
.border-bottom{
    border-bottom:1px solid var(--border-40);
}
.border-40{
    border-color: var(--border-40);
}
.border-d4{
    border-color: var(--border-d4);
}
.border-dd{
    border-color: var(--border-dd);
}
.border-ea{
    border-color: var(--border-ea);
}
.border-0{
    border:none;
}
/*设置怪异盒*/
.border-box{
    box-sizing: border-box;
}
/*超出内容隐藏*/
.overflow-hidden{
    overflow: hidden;
}
/*背景色*/
.bg-color-red{
    background: var(--bg-red);
}
.bg-color-f5{
    background:var(--bgcolor-f5);
}
.bg-color-fc{
    background: var(--bgcolor-fc);
}
/*字体色*/
.font-white{
    color:var(--font-white)
}
.font-red{
    color:var(--font-red)
}
.font-666{
    color:var(--font-666)
}
.font-dddadb{
    color: var(--font-dddadb);
}
.font-555{
    color:var(--font-555)
}
.font-333{
    color: var(--font-333);
}
/*字体大小*/
.font-12px{
    font-size:12px;
}
.font-14{
    font-size:14px;
}
.font-16{
    font-size:16px;
}
.font-weight-bold{
    font-weight: bold;
}
/*内容水平设置*/
.align-center{
    text-align:center;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}